﻿<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <link type="text/css" rel="Stylesheet" href="Chat.css" />
    <script src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript" src="scripts.js" ></script>	
</head>
<body>
    <div id="wrapper">
        <div class="header"><h2>
            Twitter-Like Web Chat</h2>
        </div>
         <div id="container">
            <div id ="left">
                <div  id="chatheader">
                    <h2>Channel#</h2>
                </div>
                <div  id="chat">
                    <ul id="postList"></ul>
                </div>
                <div  id="message">
                    <h3>Post Message:</h3>
                    <input id="texField" type=text /><input id="post" type="button" value="Post"/>
                </div>
            </div>
            <div id ="right">
                <div class="header"><h2>Chanels</h2></div>
                <div id="chanels">
                    <ul id="chanelList">
                    </ul>
                </div>
                <div id="clearChanel">Reset The Chanel</div>


            </div>
            <div class="clearer"></div>
        </div>
         <div id="footer">© Telerik Academy, 2011 </div>
    </div>
</body>
</html>
